<template>

  <div style="height: 2000px">
    <div>
      <i class="icon1"></i>
      <div class="headline1" style="margin-top: 3%">
        <span>审核结果</span>
      </div>
    </div>


      <div style="margin-left: 20% ; width: 1000px">
          <el-steps :active="active" finish-status="success">
            <el-step title="提交审核"></el-step>
            <el-step title="审核和结果"></el-step>
            <el-step title="完成"></el-step>
          </el-steps>

      </div>

    <div class="box-shadow" style="height: 600px; margin-top: 100px;">
      <div style="height: 30px"></div>
      <div style="margin-left:10%; margin-top: 10px">
        <el-row :gutter="20">
          <el-col :span="5">
            <div>
              已选主体类型 ： {{subjectType}}
            </div>
          </el-col>
          <el-col :span="5">
            <div>
              创建时间 : {{form.createTime}}
            </div>
          </el-col>
          <el-col :span="5">
            <div>
              申请单号 : {{form.businessCode}}
            </div>
          </el-col>
          <el-col :span="5">
            <div>
              审核状态 : {{this.applymentState}}
            </div>
          </el-col>
        </el-row>
      </div>

    </div>




  </div>

</template>

<script>
  import {getPayAudit} from '@/api/applet/payAudit'
  import imageUpload from '@/components/ImageUpload'

  export default {
    //import 引入的组件需要注入到对象中才能使用
    components: {imageUpload},
    props: { //组件传值
      succeedStr: {
        type: Boolean,
        default: true,
      },
      indexStr: {
        type: Boolean,
        default: true,
      },
    },
    data() {
      //这里存数据
      return {
        //商户类型
        subjectType:"",
        //审核状态
        applymentState:"",
        active: 1,
        form: {},
        // 查询参数
        queryParams: {
        },

      };
    },
    //计算属性
    computed: {},
    //监控data中数据变化
    watch: {},
    //方法
    methods: {
      returnIndex() {
        window.scrollTo(0,0);
        this.$emit("update:succeedStr", false);
        this.$emit("update:indexStr", true);

      },
      getSubjectInfo() {
        getPayAudit().then((response) => {
          window.scrollTo(0,0);
          this.form = response.data
          this.subjectType = response.data.subjectType == "SUBJECT_TYPE_INDIVIDUAL"?"个体户":企业;
          this.applymentState = response.data.auditResult == null?"提交审核":response.data.auditResult.applyment_state
        })
      },
    },
    //声明周期 - 创建完成（可以访问当前this实例）
    created() {
      this.getSubjectInfo();
    },
    //生命周期 - 挂载完成（可以访问DOM元素）
    mounted() {

    },
    beforeCreate() {
    },//生命周期 - 创建之前
    beforeMount() {
    },//生命周期 - 挂载之前
    beforeUpdate() {
    },//声明周期 - 更新之前
    updated() {
    },//生命周期 - 更新之后
    beforeDestroy() {
    },//生命周期 - 销毁之前
    destroyed() {
    },//生命周期 - 销毁之后
    activated() {
    },//缓存keep-alive
  }
</script>

<style scoped>

  .icon1 {
    display: inline-block;
    background: #13ce66;
    margin-left: 5%;
    width: 5px;
    height: 16px;
    margin-right: 8px;
  }

  .headline1 {
    display: inline-block;
    font-size: 20px;
    color: #333;
    position: relative;
  }

  .icon2 {
    display: inline-block;
    background: #13ce66;
    margin-left: 5%;
    width: 5px;
    height: 16px;
    margin-right: 8px;
  }

  .headline2 {
    display: inline-block;
    font-size: 20px;
    color: #333;
    position: relative;
    margin-top: 50px;
  }


  .box-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
  }

  .dev {
    margin-left: 10%;
    margin-top: 5%;
    width: 70%;
    height: 700px;
  }

  .dev2 {
    margin-left: 10%;
    margin-top: 5%;
    width: 50%;

  }
</style>
